<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <link rel="apple-touch-icon" sizes="76x76" href="/img/apple-icon.png">
    <link rel="icon" type="image/png" href="/img/favicon.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>
        AntRpc Console
    </title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport'/>
    <!--     Fonts and icons     -->
    <link href="/css/google-fonts.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/css/fontawesome-v5.7.1-all.css">
    <!-- CSS Files -->
    <link href="/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/css/now-ui-dashboard.min.css" rel="stylesheet"/>
    <link href="/css/my.css" rel="stylesheet"/>
    <!-- CSS Just for demo purpose, don't include it in your project -->

</head>
<body>
<div class="wrapper wrapper-full-page ">
    <div class="full-page login-page section-image" filter-color="black">
        <div class="content">
            <div class="container">
                <div class="col-md-6 ml-auto mr-auto">
                    <form class="form" method="post" action="/login_submit">
                        <div class="card card-login card-plain">
                            <div class="card-header ">
                                <div class="row">
                                    <div class="col-md-12 text-center">
                                        <h3 class="text-white m-0">AntRpc Console</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body ">
                                <div th:if="${error != null}" class="input-group no-border text-center">
                                    <div class="text-danger w-100" th:text="${error}"></div>
                                </div>
                                <div class="input-group no-border form-control-lg mb-4">
                                    <span class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="now-ui-icons users_circle-08"></i>
                                        </div>
                                    </span>
                                    <input type="text" name="userName" class="form-control" placeholder="用户名"/>
                                </div>
                                <div class="input-group no-border form-control-lg mb-2">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="now-ui-icons text_caps-small"></i>
                                        </div>
                                    </div>
                                    <input type="password" name="password" placeholder="密码" class="form-control"/>
                                </div>
                            </div>
                            <div class="card-footer ">
                                <button type="submit" class="btn btn-primary btn-round btn-lg btn-block mb-3">登录
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/js/core/jquery.min.js"></script>
<script src="/js/core/popper.min.js"></script>
<script src="/js/core/bootstrap.min.js"></script>
</body>
</html>